<template>
    <div class="page wx-invite">
        <div class="bg"></div>
        <div class="logo">logo灵云</div>
        <div class="layer">
            <div class="top">
                <div class="text">
                    <h2>移动校园发传发传发传单项目</h2>
                    <p class="team">海淀一组</p>
                </div>
            </div>
            <div class="content">
                <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=120x120" alt="">
                <p class="tip">“范范”邀请你加入项目</p>
                <div class="form-wrap">
                    <form>
                        <div class="item com-border-bottom"><span class="icon icon-name"></span><input type="text" name="" placeholder="请输入真实姓名"></div>
                        <div class="item com-border-bottom"><span class="icon icon-phone"></span><input type="text" name="" placeholder="请输入手机号码"></div>
                        <a class="btn-join" href="#">加入项目</a>
                    </form>
                </div>
            </div>
        </div>
        <div class="layer">
            <div class="top">
                <div class="text">
                    <h2>移动校园发传发传发传单项目有最多二十个字数</h2>
                    <p class="team">海淀一组</p>
                </div>
            </div>
            <div class="content">
                <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=120x120" alt="">
                <p class="tip">“范范”邀请你加入项目</p>
                <div class="form-wrap">
                    <form>
                        <div class="item com-border-bottom"><span class="icon icon-name"></span><input type="text" name="" placeholder="请输入真实姓名" value="范范"></div>
                        <div class="item com-border-bottom"><span class="icon icon-phone"></span><input type="text" name="" placeholder="请输入手机号码" value="18900987612"></div>
                        <a class="btn-join" href="#">加入项目</a>
                    </form>
                </div>
            </div>
        </div>
        <div class="layer">
            <div class="top">
                <div class="text">
                    <h2>移动校园发传发传发传单项目有最多二十个字数</h2>
                    <p class="team">海淀一组</p>
                </div>
            </div>
            <div class="content">
                <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=120x120" alt="">
                <p class="tip">“范范”邀请你加入项目</p>
                <div class="form-wrap">
                    <form>                        
                        <a class="btn-join" href="#">加入项目</a>
                    </form>
                </div>
            </div>
        </div>
        <div class="layer">
            <div class="top">
                <div class="text">
                    <h2>请扫码关注完成注册</h2>                    
                </div>
            </div>
            <div class="content">
                <img class="qrcode" src="../../static/imgs/qrcode.png" alt="">
            </div>
        </div>
        <p class="download"><a href="#">下载灵云</a></p>
    </div> 
</template>

<script>
    /**
     *  引入工具类库 或 Native API
     *  example : import widget from 'gapi/widget'
     */
    
    /**
     *  引入组件 以及 组件接口(Action)
     *  example : import Somecomponents from 'components/Somecomponents/Somecomponents'
     */

    /**
     *  组件实例对象
     */
    export default {
        components: {

        },
        data: function(){
            return{
                
            }
        },
        vuex: {
            getters: {

            },
            actions: {

            }
        },
        methods: {
            /**
             * 初始化
             * @method init
             * @public
             * @return {Null} void
             */
            init (){
                
                
                
            }
        },
        created(){

            this.init();
            
        }
        
    }

    
</script>

<!-- CSS 样式 -->
<style src="../../node_modules/weui/dist/style/weui.css"></style>
<style src="../../static/css/common.css"></style>
<style src="../../static/css/user-list.css"></style>



